<template>
    <view>
        <view class="smart-page-head">
        <view class="smart-page-head-title">text 文本编辑</view>
    </view>
    <view>
        <view class="text-box">
        <text >{{text}}</text>
    </view>
        <button type="primary" @click="add()">添加行</button>
        <button type="'warn" @click="del()">删除行</button>
    </view>
    </view>
</template>

<script>
export default{
  data(){
    return{
        texts:[
            'hbuilder 400万开发者',
            'uni-app跨平台',
            'smartUI自定义框架'
        ],
        extraLine:[],
        text:'guilin travel\n',
        }
},
    methods:{

        add(){
        console.log('add.....');
        this.extraLine.push(this.texts[this.extraLine.length%3]);
        this.text=this.extraLine.join('\n');
        },
        del(){
        console.log('del.....');
        this.extraLine.pop();
        this.text=this.extraLine.join('\n');
        }
        },
}
</script>

<style>

.text-box{
    background-color: #ccc9ca;
    min-height: 200upx;
    margin-bottom:40upx ;
    padding: 40upx 0;
    text-align: center;
}
</style>